<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../../bootstrap/css/bootstrap-theme.css">
    <script src="../../../bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../../../css/MyTable.css">
    <link rel="stylesheet" href="../../../css/admin/page.css">
    <script src="../../../js/common/jquery-3.5.1.js"></script>
    <script src="../../../js/myAjax.js"></script>
    <script src="../../../js/admin/user/userManage.js"></script>


</head>
<body>
<!--模糊查询模块 -->
<div class="mySearch">
    <div>
        <div>用户名：</div>
        <div><input type="text" id="userName" maxlength="20"></div>
    </div>
    <div>
        <div>电话：</div>
        <div><input type="tel" id="phone" maxlength="11"></div>
    </div>
    <div>
        <div>邮箱：</div>
        <div><input type="email" id="email" maxlength="20"></div>
    </div>
    <div>
        <div>性别：</div>
        <div>
            <select id="sex">
                <option value="全部">全部</option>
                <option value="男">男</option>
                <option value="女">女</option>
                <option value="保密">保密</option>
            </select>
        </div>
    </div>
    <div>
        <div>爱好：</div>
        <div>
            <lable><input type="checkbox" name="hobby" value="篮球">篮球</lable>
            <lable><input type="checkbox" name="hobby" value="足球">足球</lable>
            <lable><input type="checkbox" name="hobby" value="乒乓球">乒乓球</lable>
            <lable><input type="checkbox" name="hobby" value="羽毛球">羽毛球</lable>
        </div>
    </div>
    <div>
        <div>生日：</div>
        <div><input type="date" id="startBirthday"></div>
        <div>至</div>
        <div><input type="date" id="endBirthday"></div>
    </div>
    <div>
        <div>状态：</div>
        <div>
            <lable><input type="radio" name="status" value="-1">全部</lable>
            <lable><input type="radio" name="status" value="0">已激活</lable>
            <lable><input type="radio" name="status" value="1">未激活</lable>
        </div>
    </div>
    <div><input type="button" value="查询" onclick="findAll()"></div>
    <div><input type="button" value="清空" onclick="clearInput('sex')"></div>
</div>
<div class="myTable">
    <table id="table" class="table table-condensed table-hover" data-toggle="table">
        <thead>
        <tr>
            <th>id</th>
            <th>用户名</th>
            <th>手机</th>
            <th>邮箱</th>
            <th>年龄</th>
            <th>性别</th>
            <th>生日</th>
            <th>爱好</th>
            <th>状态</th>
            <th>创建时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody id="tbody">

        </tbody>
    </table>
</div>
<div id="page">
</div>
</body>
</html>